<template>
	<view class="page1">
		<view>
			<!-- 提示信息弹窗 -->
			<uni-popup ref="message" type="message">
				<uni-popup-message :type="msgType" :message="messageText" :duration="2000" style="text-align: center;"></uni-popup-message>
			</uni-popup>
		</view>
		<image src="/static/icon/logo.png" class="logo"></image>
		<image src="/static/icon/365.png" class="title365"></image>
		<!-- <view class="title">国康365</view> -->
		<view class="sub-title">康复无忧，为您的康复之路保驾护航</view>
		<view class="button-view">
			<!-- 		<view class="btn" @click="login()">登录</view> -->
			<button class="btn" @click="login()">登录</button>
			<button class="btn2" @click="register()">
				<image src="/static/icon/wechat.png" class="wechat"></image>
				微信注册
			</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				constants: {},
				msgType: 'success',
				messageText: '登录成功',
			};
		},
		methods: {
			// register() {
			//   uni.login({
			//     provider: "weixin",
			//     success: (loginRes) => {
			//       console.log(loginRes);
			//       this.wxcode = loginRes.code;
			//       // 获取用户信息
			//       uni.getUserInfo({
			//         provider: "weixin",
			//         success: (infoRes) => {
			//           console.log("用户昵称为：", infoRes);
			//         },
			//       });
			//     },
			//   });
			//   // uni.navigateTo({
			//   // 	url: "/pages/index/register"
			//   // });
			// },
			authorize() {
				uni.getSetting({
					success: (res) => {
						if (res.authSetting['scope.userInfo']) {
							// 用户已经授权，可以直接调用 uni.getUserInfo 获取用户头像和昵称信息
							uni.getUserProfile({
								desc: '用于展示用户信息',
								success: (info) => {
									console.log(info);
								},
								fail: (err) => {
									console.log(err);
								}
							});
						} else {
							// 用户未授权，需要调用 uni.authorize 方法申请权限
							uni.authorize({
								scope: 'scope.userInfo',
								success: () => {
									// 用户同意授权，可以直接调用 uni.getUserInfo 获取用户头像和昵称信息
									uni.getUserProfile({
										desc: '用于展示用户信息',
										success: (info) => {
											console.log(info);
										},
										fail: (err) => {
											console.log(err);
										}
									});
								},
								fail: () => {
									console.log('用户拒绝了授权');
								}
							})
						}
					}
				})
			},
			register() {
				uni.getUserProfile({
					desc: '用于展示用户信息',
					success: (infoRes) => {
						console.log("用户信息为：", infoRes);
						uni.login({
							provider: "weixin",
							success: (loginRes) => {
								console.log("用户登录响应信息为：", loginRes);
								uni.request({
									url: "https://guokang365.mordo-care.com/api/miniWechat/register",
									method: 'POST',
									//仅为示例，并非真实接口地址。
									data: {
										code: loginRes.code,
										encryptedData: infoRes.encryptedData,
										iv: infoRes.iv,
									},
									// header: {
									//     'custom-header': 'hello' //自定义请求头信息
									// },
									success: (res) => {
										// {
										//     "result": "100",
										//     "des": "success",
										//     "registerStatus": 1,
										//     "wechatId": 300,
										//     "wechatPhotoUrl": "https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132"
										// }
										if (res.data.result != '100') {
											uni.showModal({
												content: '微信授权失败',
												showCancel: false,
												buttonText: '确定',
											})
											// this.messageToggle('error', '微信授权失败');
										} else {
											if (res.data.registerStatus === 1) {
												// 已注册，未绑定用户实体
												getApp().globalData.wechatId = res.data.wechatId;
												uni.navigateTo({
													url: "/pages/index/register"
												});
											} else if (res.data.registerStatus === 2) {
												// 已注册，未绑定用户实体
												uni.showModal({
													content: '您已注册，请登录',
													showCancel: false,
													buttonText: '确定',
												})
												// this.messageToggle('warn', '您已注册，请登录');
											}
										}
									},
								});
							},
						});
					},
					fail: (err) => {
						console.log(err);
					}
				});
			},
			// register() {
			// 	uni.getSetting({
			// 		success: (res) => {
			// 			if (res.authSetting['scope.userInfo']) {
			// 				// 用户已经授权，可以直接调用 uni.getUserInfo 获取用户头像和昵称信息
			// 				uni.getUserProfile({
			// 					desc: '用于展示用户信息',
			// 					success: (infoRes) => {
			// 						console.log("用户信息为：", infoRes);
			// 						uni.login({
			// 							provider: "weixin",
			// 							success: (loginRes) => {
			// 								console.log("用户登录响应信息为：", loginRes);
			// 								uni.request({
			// 									url: "https://guokang365.mordo-care.com/api/miniWechat/register",
			// 									method: 'POST',
			// 									//仅为示例，并非真实接口地址。
			// 									data: {
			// 										code: loginRes.code,
			// 										encryptedData: infoRes.encryptedData,
			// 										iv: infoRes.iv,
			// 									},
			// 									// header: {
			// 									//     'custom-header': 'hello' //自定义请求头信息
			// 									// },
			// 									success: (res) => {
			// 										// {
			// 										//     "result": "100",
			// 										//     "des": "success",
			// 										//     "registerStatus": 1,
			// 										//     "wechatId": 300,
			// 										//     "wechatPhotoUrl": "https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132"
			// 										// }
			// 										if (res.data.result != '100') {
			// 											uni.showModal({
			// 												content: '微信授权失败',
			// 												showCancel: false,
			// 												buttonText: '确定',
			// 											})
			// 											// this.messageToggle('error', '微信授权失败');
			// 										} else {
			// 											if (res.data.registerStatus === 1) {
			// 												// 已注册，未绑定用户实体
			// 												getApp().globalData.wechatId = res.data.wechatId;
			// 												uni.navigateTo({
			// 													url: "/pages/index/register"
			// 												});
			// 											} else if (res.data.registerStatus === 2) {
			// 												// 已注册，未绑定用户实体
			// 												uni.showModal({
			// 													content: '您已注册，请登录',
			// 													showCancel: false,
			// 													buttonText: '确定',
			// 												})
			// 												// this.messageToggle('warn', '您已注册，请登录');
			// 											}
			// 										}
			// 									},
			// 								});
			// 							},
			// 						});
			// 					},
			// 					fail: (err) => {
			// 						console.log(err);
			// 					}
			// 				});
			// 			} else {
			// 				// 用户未授权，需要调用 uni.authorize 方法申请权限
			// 				uni.authorize({
			// 					scope: 'scope.userInfo',
			// 					success: () => {
			// 						// 用户同意授权，可以直接调用 uni.getUserInfo 获取用户头像和昵称信息
			// 						uni.getUserProfile({
			// 							desc: '用于展示用户信息',
			// 							success: (infoRes) => {
			// 								console.log("用户信息为：", infoRes);
			// 								uni.login({
			// 									provider: "weixin",
			// 									success: (loginRes) => {
			// 										console.log("用户登录响应信息为：", loginRes);
			// 										uni.request({
			// 											url: "https://guokang365.mordo-care.com/api/miniWechat/register",
			// 											method: 'POST',
			// 											//仅为示例，并非真实接口地址。
			// 											data: {
			// 												code: loginRes.code,
			// 												encryptedData: infoRes.encryptedData,
			// 												iv: infoRes.iv,
			// 											},
			// 											// header: {
			// 											//     'custom-header': 'hello' //自定义请求头信息
			// 											// },
			// 											success: (res) => {
			// 												// {
			// 												//     "result": "100",
			// 												//     "des": "success",
			// 												//     "registerStatus": 1,
			// 												//     "wechatId": 300,
			// 												//     "wechatPhotoUrl": "https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132"
			// 												// }
			// 												if (res.data.result != '100') {
			// 													uni.showModal({
			// 														content: '微信授权失败',
			// 														showCancel: false,
			// 														buttonText: '确定',
			// 													})
			// 													// this.messageToggle('error', '微信授权失败');
			// 												} else {
			// 													if (res.data.registerStatus === 1) {
			// 														// 已注册，未绑定用户实体
			// 														getApp().globalData.wechatId = res.data.wechatId;
			// 														uni.navigateTo({
			// 															url: "/pages/index/register"
			// 														});
			// 													} else if (res.data.registerStatus === 2) {
			// 														// 已注册，未绑定用户实体
			// 														uni.showModal({
			// 															content: '您已注册，请登录',
			// 															showCancel: false,
			// 															buttonText: '确定',
			// 														})
			// 														// this.messageToggle('warn', '您已注册，请登录');
			// 													}
			// 												}
			// 											},
			// 										});
			// 									},
			// 								});
			// 							},
			// 							fail: (err) => {
			// 								console.log(err);
			// 							}
			// 						});
			// 					},
			// 					fail: () => {
			// 						uni.showModal({
			// 							content:'检测到您没打开获取信息功能权限，是否去设置打开？',
			// 							confirmText: "确认",
			// 							cancelText:'取消',
			// 							success: (res) =>{
			// 								if(res.confirm){
			// 									uni.openSetting({
			// 										success: (res) =>{
			// 											console.log(res);
			// 										}
			// 									})
			// 								}else{
			// 									console.log('取消');
			// 								}
			// 							}
			// 						})
			// 						console.log('用户拒绝了授权');
			// 					}
			// 				})
			// 			}
			// 		}
			// 	})
			// 	// uni.navigateTo({
			// 	// 	url: "/pages/index/register"
			// 	// });
			// },
			login() {
				uni.login({
					provider: "weixin",
					success: (loginRes) => {
						console.log(loginRes.code);
						uni.request({
							url: "https://guokang365.mordo-care.com/api/miniWechat/login",
							method: 'POST',
							//仅为示例，并非真实接口地址。
							data: {
								code: loginRes.code,
							},
							// header: {
							//     'custom-header': 'hello' //自定义请求头信息
							// },
							success: (res) => {
								if (res.data.result != '100') {
									uni.showModal({
										content: '登陆失败',
										showCancel: false,
										buttonText: '确定',
									})
									// this.messageToggle('error', '登陆失败');
								} else {
									// 根据角色，进行跳转，同时将serverSession以及角色类型和角色id等信息 存到缓存中
									getApp().globalData.wechatId = res.data.wechatId;
									getApp().globalData.roleNames = res.data.roleNames;
									getApp().globalData.serverSession = res.data.serverSession;
									getApp().globalData.userId = res.data.userId;
									if (res.data.roleNames === '会员') {
										getApp().globalData.activeUrl = 'myMember';
										getApp().globalData.userType = 1;
										getApp().globalData.memberId = res.data.memberId;
									} else if (res.data.roleNames === '医生') {
										getApp().globalData.activeUrl = 'myDoctor';
										getApp().globalData.userType = 2;
										getApp().globalData.doctorId = res.data.doctorId;
									} else if (res.data.roleNames === '康复师') {
										getApp().globalData.activeUrl = 'myRehabilitation';
										getApp().globalData.userType = 3;
										getApp().globalData.recureTeacherId = res.data.recureTeacherId;
									} else if (res.data.roleNames === '康复顾问') {
										getApp().globalData.activeUrl = 'myRehabilitationCounselor';
										getApp().globalData.userType = 4;
										getApp().globalData.recureAdviserId = res.data.recureAdviserId;
									}
									// getApp().globalData.activeUrl = 'myMember';
									// getApp().globalData.userType = 1;
									// getApp().globalData.memberId = 1;
									// getApp().globalData.activeUrl = 'myDoctor';
									// getApp().globalData.userType = 2;
									// getApp().globalData.doctorId = 1;
									// getApp().globalData.activeUrl = 'myRehabilitation';
									// getApp().globalData.userType = 3;
									// getApp().globalData.recureTeacherId = 1;
									uni.switchTab({
										url: "/pages/my/index"
									});
								}
							},
						});
					},
				});
			},
			// login() {
			// 	uni.getSetting({
			// 		success: (res) => {
			// 			if (res.authSetting['scope.userInfo']) {
			// 				// 用户已经授权，可以直接调用 uni.getUserInfo 获取用户头像和昵称信息
			// 				uni.getUserProfile({
			// 					desc: '用于展示用户信息',
			// 					success: (info) => {
			// 						uni.login({
			// 							provider: "weixin",
			// 							success: (loginRes) => {
			// 								uni.request({
			// 									url: "https://guokang365.mordo-care.com/api/miniWechat/login",
			// 									method: 'POST',
			// 									//仅为示例，并非真实接口地址。
			// 									data: {
			// 										code: loginRes.code,
			// 									},
			// 									// header: {
			// 									//     'custom-header': 'hello' //自定义请求头信息
			// 									// },
			// 									success: (res) => {
			// 										if (res.data.result != '100') {
			// 											uni.showModal({
			// 												content: '登陆失败',
			// 												showCancel: false,
			// 												buttonText: '确定',
			// 											})
			// 											// this.messageToggle('error', '登陆失败');
			// 										} else {
			// 											// todo s根据角色，进行跳转，同时将serverSession以及角色类型和角色id等信息 存到缓存中
			// 											getApp().globalData.wechatId = res.data.wechatId;
			// 											getApp().globalData.roleNames = res.data.roleNames;
			// 											getApp().globalData.serverSession = res.data.serverSession;
			// 											getApp().globalData.userId = res.data.userId;
			// 											if (res.data.roleNames === '会员') {
			// 												getApp().globalData.activeUrl = 'myMember';
			// 												getApp().globalData.userType = 1;
			// 											} else if (res.data.roleNames === '医生') {
			// 												getApp().globalData.activeUrl = 'myDoctor';
			// 												getApp().globalData.userType = 2;
			// 											} else if (res.data.roleNames === '康复师') {
			// 												getApp().globalData.activeUrl = 'myRehabilitation';
			// 												getApp().globalData.userType = 3;
			// 											} else if (res.data.roleNames === '康复顾问') {
			// 												getApp().globalData.activeUrl = 'myRehabilitationCounselor';
			// 												getApp().globalData.userType = 4;
			// 											}
			// 											uni.switchTab({
			// 												url: "/pages/my/index"
			// 											});
			// 										}
			// 									},
			// 								});
			// 							},
			// 						});
			// 					},
			// 					fail: (err) => {
			// 						console.log(err);
			// 					}
			// 				});
			// 			} else {
			// 				// 用户未授权，需要调用 uni.authorize 方法申请权限
			// 				uni.authorize({
			// 					scope: 'scope.userProfile',
			// 					success: () => {
			// 						console.log('用户同意授权');
			// 						// 用户同意授权，可以直接调用 uni.getUserInfo 获取用户头像和昵称信息
			// 						uni.getUserProfile({
			// 							desc: '用于展示用户信息',
			// 							success: (info) => {
			// 								uni.login({
			// 									provider: "weixin",
			// 									success: (loginRes) => {
			// 										uni.request({
			// 											url: "https://guokang365.mordo-care.com/api/miniWechat/login",
			// 											method: 'POST',
			// 											//仅为示例，并非真实接口地址。
			// 											data: {
			// 												code: loginRes.code,
			// 											},
			// 											// header: {
			// 											//     'custom-header': 'hello' //自定义请求头信息
			// 											// },
			// 											success: (res) => {
			// 												console.log(res.data);
			// 												if (res.data.result != '100') {
			// 													uni.showModal({
			// 														content: '登陆失败',
			// 														showCancel: false,
			// 														buttonText: '确定',
			// 													})
			// 													// this.messageToggle('error', '登陆失败');
			// 												} else {
			// 													// todo s根据角色，进行跳转，同时将serverSession以及角色类型和角色id等信息 存到缓存中
			// 												}
			// 											},
			// 										});
			// 									},
			// 								});
			// 							},
			// 							fail: (err) => {
			// 								console.log(err);
			// 								uni.showModal({
			// 									content: '登陆失败',
			// 									showCancel: false,
			// 									buttonText: '确定',
			// 								})
			// 								// this.messageToggle('error', '登陆失败');
			// 							}
			// 						});
			// 					},
			// 					fail: () => {
			// 						uni.showModal({
			// 							content:'检测到您没打开获取信息功能权限，是否去设置打开？',
			// 							confirmText: "确认",
			// 							cancelText:'取消',
			// 							success: (res) =>{
			// 								if(res.confirm){
			// 									uni.openSetting({
			// 										success: (res) =>{
			// 											console.log(res);
			// 										}
			// 									})
			// 								}else{
			// 									console.log('取消');
			// 								}
			// 							}
			// 						})
			// 						console.log('用户拒绝了授权');
			// 					}
			// 				})
			// 			}
			// 		}
			// 	})
			// },
			messageToggle(type, message) {
				this.msgType = type
				this.messageText = message
				this.$refs.message.open()
			},
		},
	};
</script>

<style scoped>
	/*  */
	/* page {
  width: 100%;

} */
	.page1 {
		/* width: 750rpx; */
		/* height: 1500rpx; */
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		/* height: 100%; */
		/* background-image: url("/static/icon/login-bg2.png"); */
		background-color: #ffffff;
		background-image: url(http://file.40017.cn/cvg-marketingcenter-bucket/2023/04/28/1682670207008/bg.png?AWSAccessKeyId=OMO0W0EBD0C2S4M594EI&Expires=4102329600&Signature=omNEUs8G5uLuzmQMoOOE3kiCgJ8%3D);
		/* background-size: 100% 100%; */
		background-repeat: repeat;
		background-size: cover;
	}

	.logo {
		width: 300rpx;
		height: 300rpx;
		margin-left: 230rpx;
		margin-top: 200rpx;
	}

	.title365 {
		width: 400rpx;
		height: 100rpx;
		margin-left: 190rpx;
		margin-top: 80rpx;
	}

	.title {
		width: 100%;
		margin-top: 80rpx;
		/* height: 40rpx; */
		font-size: 40px;
		font-family: FZPTYJW;
		font-weight: normal;
		text-align: center;
		color: #3E9F48;
		/* line-height: 123px; */
		letter-spacing: 3px;
	}

	.sub-title {
		width: 100%;
		/* height: 67px; */
		font-size: 17px;
		text-align: center;
		/* font-family: PingFangSC-Regular, PingFang SC; */
		/* font-weight: 400; */
		color: #42AE49;
		line-height: 50px;
	}

	.button-view {
		width: 100%;
		height: 140rpx;
		margin-top: 80rpx;
		/* background-color: #3E9F48; */
	}

	.btn {
		width: 300rpx;
		height: 80rpx;
		margin-top: 20rpx;
		margin-left: 50rpx;
		background: #4CB753;
		border-radius: 76px;
		font-size: 34rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 76rpx;
		text-align: center;
		float: left;
		border: 1px solid #FFFFFF;
	}

	.btn2 {
		width: 300rpx;
		height: 80rpx;
		margin-top: 20rpx;
		margin-left: 50rpx;
		background: #FFFFFF;
		border-radius: 76px;
		font-size: 34rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #4CB753;
		line-height: 76rpx;
		text-align: center;
		float: left;
		border: 1px solid #42AE49;
	}

	.wechat {
		width: 50rpx;
		height: 50rpx;
		margin-left: 20rpx;
		margin-right: -40rpx;
		margin-top: 15rpx;
		float: left;
	}
</style>